import { Tabs } from 'antd'
import {
  FolderOutlined,
  ProfileOutlined
} from '@ant-design/icons';
import { useAppStore } from '@renderer/pages/designer/store/appStore'
import './index.less';
// 左侧栏
export default function LeftSideBar() {
  const leftTabActiveKey = useAppStore(state => state.leftTabActiveKey)
  const { updateLeftTabActiveKey } = useAppStore(state => state.actions)

  return <Tabs
    className='left-side-bar-tabs'
    activeKey={leftTabActiveKey}
    tabPosition='right'
    size='small'
    onChange={updateLeftTabActiveKey}
    items={[
      {
        label: <FolderOutlined title='应用资源' />,
        key: 'file_explorer',
      },
      {
        label: <ProfileOutlined title='指令列表' />,
        key: 'cmd_explorer',
      }
    ]}
  />
}
